/* 系统默认样式 2025-07-24 */

/*全局属性*/
#blueNote {
    font-size: 16px;
    color: #252933;
    padding: 0 15px 15px 15px;
    line-height: 1.6;
    word-spacing: 0;
    letter-spacing: 0;
    word-break: break-word;
    word-wrap: break-word;
    text-align: justify;
    font-family: Optima-Regular, Optima, PingFangSC-light, PingFangTC-light, 'PingFang SC', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

/*段落*/
#blueNote p {
    font-size: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0;
    line-height: 26px;
    color: #252933;
}

/*标题*/
#blueNote h1,
#blueNote h2,
#blueNote h3,
#blueNote h4,
#blueNote h5,
#blueNote h6 {
    margin: 25px 0 5px 0;
    font-weight: bold;
    color: #252933;
}

#blueNote h1 {
    font-size: 24px;
}

#blueNote h2 {
    font-size: 22px;
    border-bottom: 1px solid #ececec;
}

#blueNote h3 {
    font-size: 20px;
}

#blueNote h4 {
    font-size: 18px;
}

#blueNote h5 {
    font-size: 16px;
}

#blueNote h1 .prefix,
#blueNote h2 .prefix,
#blueNote h3 .prefix,
#blueNote h4 .prefix,
#blueNote h5 .prefix {
    display: none;
}

#blueNote h1 .suffix
#blueNote h2 .suffix,
#blueNote h3 .suffix,
#blueNote h4 .suffix,
#blueNote h5 .suffix {
    display: none;
}

/*列表*/
#blueNote ul,
#blueNote ol {
    margin: 8px 0;
    padding-left: 25px;
    color: #252933;
}

#blueNote ul {
    list-style-type: disc;
}

#blueNote ol {
    list-style-type: decimal;
}

#blueNote li section {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 26px;
    text-align: left;
    color: #252933;
    font-weight: 500;
}

/*引用*/
#blueNote blockquote {
    display: block;
    font-size: 16px;
    overflow: auto;
    overflow-scrolling: touch;
    border-left: 4px solid #cbcbcb;
    background: #f8f8f8;
    color: #666;
    padding: 1px 23px;
    margin: 0 0 25px 0;
}

#blueNote blockquote p {
    margin: 10px 0;
    padding: 0;
    color: #666;
    line-height: inherit;
}

#blueNote .table-of-contents a {
    border: none;
    color: black;
    font-weight: normal;
}

/*链接*/
#blueNote a {
    text-decoration: none;
    color: #0269c8;
    border-bottom: 1px solid #d1e9ff;
    word-wrap: break-word;
}

/*加粗*/
#blueNote strong {
    font-weight: bolder;
}

/*斜体*/
#blueNote em {
    font-style: italic;
}

/*加粗斜体*/
#blueNote em strong {
    font-weight: bold;
}

/*删除线*/
#blueNote del {
    text-decoration: line-through;
}

/*分隔线*/
#blueNote hr {
    border: none;
    border-top: 1px solid #ddd;
    margin: 10px 0;
}

/*代码块*/
#blueNote pre {
    margin-top: 10px;
    margin-bottom: 10px;
}

#blueNote pre code {
    display: -webkit-box;
    font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;
    border-radius: 0px;
    font-size: 12px;
    -webkit-overflow-scrolling: touch;
}

#blueNote pre code span {
    line-height: 26px;
}

/*行内代码*/
#blueNote p code,
#blueNote li code {
    font-size: 16px;
    word-wrap: break-word;
    padding: 2px 4px;
    border-radius: 4px;
    margin: 0 2px;
    color: #0269c8;
    background-color: rgba(27, 31, 35, .05);
    font-family: Operator Mono, Consolas, Monaco, Menlo, monospace;
    word-break: break-all;
}

/*图片*/
#blueNote img {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
}

/*图片*/
#blueNote figure {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*图片描述文字*/
#blueNote figcaption {
    margin-top: 5px;
    text-align: center;
    color: #888;
    font-size: 16px;
}

/*表格*/
#blueNote table {
    display: inline-block !important;
    font-size: 12px;
    width: auto;
    max-width: 100%;
    overflow: auto;
    border: 1px solid #f6f6f6;
}

#blueNote thead {
    background: #f6f6f6;
    color: #000;
    text-align: left;
}

#blueNote table th,
#blueNote table td {
    padding: 12px 7px;
    line-height: 24px;
}

#blueNote table td {
    min-width: 120px;
}

/* 微信代码块 */
#blueNote .code-snippet__fix {
    word-wrap: break-word !important;
    font-size: 16px;
    margin: 10px 0;
    display: block;
    color: #333;
    position: relative;
    background-color: rgba(0, 0, 0, 0.03);
    border: 1px solid #f0f0f0;
    border-radius: 2px;
    display: flex;
    line-height: 20px;
}

#blueNote .code-snippet__fix pre {
    margin-bottom: 10px;
    margin-top: 0px;
}

#blueNote .code-snippet__fix .code-snippet__line-index {
    counter-reset: line;
    flex-shrink: 0;
    height: 100%;
    padding: 1em;
    list-style-type: none;
    padding: 16px;
    margin: 0;
}

#blueNote .code-snippet__fix .code-snippet__line-index li {
    list-style-type: none;
    text-align: right;
    line-height: 26px;
    color: black;
    margin: 0;
}

#blueNote .code-snippet__fix .code-snippet__line-index li::before {
    min-width: 1.5em;
    text-align: right;
    left: -2.5em;
    counter-increment: line;
    content: counter(line);
    display: inline;
    color: rgba(0, 0, 0, 0.3);
}

#blueNote .code-snippet__fix pre {
    overflow-x: auto;
    padding: 16px;
    padding-left: 0;
    white-space: normal;
    flex: 1;
    -webkit-overflow-scrolling: touch;
}

#blueNote .code-snippet__fix code {
    text-align: left;
    font-size: 16px;
    display: block;
    white-space: pre;
    display: flex;
    position: relative;
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    padding: 0px;
}

#blueNote .footnote-word {
    color: #1e6bb8;
    font-weight: bold;
}

#blueNote .footnote-ref {
    color: #1e6bb8;
    font-weight: bold;
}

#blueNote .footnote-item {
    display: flex;
}

#blueNote .footnote-num {
    display: inline;
    width: 10%; /*神奇，50px就不可以*/
    background: none;
    font-size: 80%;
    opacity: 0.6;
    line-height: 26px;
    font-family: ptima-Regular, Optima, PingFangSC-light, PingFangTC-light, 'PingFang SC', Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

#blueNote .footnote-item p {
    display: inline;
    font-size: 16px;
    width: 90%;
    padding: 0px;
    margin: 0;
    line-height: 26px;
    color: black;
    word-break: break-all;
}

#blueNote sub, sup {
    line-height: 0;
}

#blueNote .footnotes-sep:before {
    content: "参考资料";
    display: block;
}

/* 解决公式问题 */
#blueNote .block-equation {
    display: block;
    text-align: center;
    /*overflow: auto;*/
    display: block;
    -webkit-overflow-scrolling: touch;
}

#blueNote .block-equation svg {
    max-width: 300% !important;
    -webkit-overflow-scrolling: touch;
}

#blueNote .inline-equation {
}

#blueNote .inline-equation svg {
}

#blueNote .imageflow-layer1 {
    margin: 1em auto;
    white-space: normal;
    border: 0px none;
    padding: 0px;
    overflow: hidden;
}

#blueNote .imageflow-layer2 {
    white-space: nowrap;
    width: 100%;
    overflow-x: scroll;
}

#blueNote .imageflow-layer3 {
    display: inline-block;
    word-wrap: break-word;
    white-space: normal;
    vertical-align: middle;
    width: 100%;
}

#blueNote .imageflow-img {
    display: inline-block;
}

#blueNote .blueNote-suffix-juejin-container {
    margin-top: 20px !important;
}